<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8" />
	<title>社团</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<link href="public/style/global.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
	<!-- warper-begin -->
	<div class="index-warper activity-warper">
		<!-- head-begin -->
		<div class="header head-logo">
			<img src="public/images/head-logo.png" alt="" title="" />
		</div>
		<!-- head-end -->
		<!-- content-begin -->
		<div class="contents index-cont">
			<div class="home-top-list">
				<ul class="clearfix">
					<li><i class="top-list-1"></i><a href="club-list.html">社团</a></li>
					<li><i class="top-list-2"></i><a href="activity-list.html">活动</a></li>
					<li><i class="top-list-3"></i><a href="life-list.html">指南</a></li>
					<li><i class="top-list-4"></i><a href="user-center.html">我的</a></li>
				</ul>
			</div>
			<!-- <div class="activitys-min-h"> -->
			<div class="index-border-pad activitys">
				<!-- 页眉title-begin -->
				<div class="tabs-cont-head">
					<a href="club-list.html" class="tabs-left">返回</a>
					<em>社团资料</em>
					<a href="" class="tabs-right">加入社团</a>
				</div>
				<!-- 页眉title-end -->
				<div class="activitys-details">
					<div class="culb-overh">
						<div class="details-left">
							<div class="details-img-cut">
								<img src="public/images/index-life-right-1.png" alt="" title="" />
							</div>
						</div>
						<div class="details-right">
							<ul>
								<li>
									<label for="">社团:</label>
									<em>2014.11.30, 下午13:30</em>
								</li>
								<!-- <li>
									<label for="">活力值:</label>
									<em class="vitality-stars" id="vitality-stars">3</em>
									<em class="vitality-stars-all" id="vitality-stars-all"></em>
								</li> -->
								<li>
									<em>
										<a href="">我</a>
										创建于2014.10.30
									</em>
								</li>
							</ul>
						</div>
						<a href="" class="club-position-setup">
							<img src="public/images/icon/club-setup-icon.png" alt="" title="" />
						</a>
					</div>
					<p>古韵茶香，养身有道，品茶怡情</p>
				</div>
				<div class="details-ref">
					<div class="details-pull-title" id="pull-title-btn">
						<h1>社团简介</h1>
						<i class=""></i>
					</div>
					<div class="details-pull-down">
						<ul>
							<li>
								<p>公社是悠然创建的第三个山角公社，是湾子街大丰巷口的一幢二层小楼。算得上古城的核心区。</p>
								<p>离东关街，富春，绿杨旅社，小觉林，运河，个园，何园都只几百米的距离</p>
							</li>
							<li>
								<p>谈谈什么叫做山角公社吧</p>
								<p>山角是一个公共空间</p>
								<p>就好像在山清水秀，文化丰润的地方搭起的一个凉棚</p>
								<p>自己乘凉的同时也能够给其他路人提供阴凉</p>
								<p>搭棚子的钱来源于悠然几千场活动留下的公共积累</p>
								<p>没有一分钱个人的投资</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<input type="hidden" id="appraise-min-top"/>
			<div class="activitys-appraise">
				<div class="details-ref">
					<div class="details-pull-title" id="pull-title-appraise">
						<h1>社团活动</h1>
						<i class=""></i>
					</div>
					<div class="details-pull-down club-event-details">
						<ul>
							<li>
								<div class="event-activity">
									<i class="icon-tit"></i>
									<a href="activity.html">老城区山角公社的悠然生活</a>
									<div class="event-act-details">
										<ul>
											<li class=""><i class="icon-det-1"></i><span>2014.11.30</span></li>
											<li class=""><i class="icon-det-3"></i><span>报名中</span></li>
										</ul>
									</div>
									<div class="event-act-details">
										<ul>
											<li class="width-88"><i class="icon-det-2"></i><span>哈尔滨道里区火车站</span></li>
										</ul>
									</div>
								</div>
							</li>
							<li>	
								<div class="event-activity">
									<a>已参加活动人员</a>
									<span>2人</span>
									<div class="event-user-details">
										<ul>
											<li><img src="public/images/icon/activity-list-cont.png" alt="" title="" /></li>
											<li><img src="public/images/icon/activity-list-cont.png" alt="" title="" /></li>
											<li><img src="public/images/icon/activity-list-cont.png" alt="" title="" /></li>
										</ul>
									</div>
								</div>
							</li>
							<li>
								<div class="event-activity">
									<a>活动简介</a>
									<div class="event-user-intro">
										<p>离东关街，富春，绿杨旅社，小觉林，运河，个园，何园都只几百米的距离...</p>
									</div>
								</div>
								<a href="" class="event-list-btn">点击查看全部</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="activitys-appraise">
				<div class="details-ref">
					<div class="details-pull-title">
						<h1>社团成员</h1>
						<a href="">8人&nbsp;》</a><span></span>
					</div>
					<div class="details-pull-down club-photo">
						<div class="club-users-list">
							<ul>
								<li><img src="public/images/club-list-member-1.png" alt="" title="" /></li>
								<li><img src="public/images/club-list-member-1.png" alt="" title="" /></li>
								<li><img src="public/images/club-list-member-1.png" alt="" title="" /></li>
								<li><img src="public/images/club-list-member-2.png" alt="" title="" /></li>
								<li><img src="public/images/club-list-member-3.png" alt="" title="" /></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="activitys-appraise">
				<div class="details-ref">
					<div class="details-pull-title">
						<h1>社团相册</h1>
						<a href="club-photos.html">更多》</a>
					</div>
					<div class="details-pull-down club-photo">
						<div class="club-photo-title">
							<img src="public/images/icon/activity-list-cont.png" alt="" title="" />
							<em>流光溢彩</em>
							<span>2014-11-18</span>
						</div>
						<div class="club-photo-list">
							<ul>
								<li><a href=""><img src="public/images/club-photo-i1.png" alt="" title="" /></a>
									<div class="club-photo-praise">
										<a href=""><i class="icon-pr"></i>赞&nbsp;<span>1</span></a>
									</div>
								</li>
								<li><a href=""><img src="public/images/club-photo-i2.png" alt="" title="" /></a>
									<div class="club-photo-praise">
										<a href=""><i class="icon-pr on"></i>已赞&nbsp;<span>2</span></a>
									</div>
								</li>
								<li><a href=""><img src="public/images/club-photo-i3.png" alt="" title="" /></a>
									<div class="club-photo-praise">
										<a href=""><i class="icon-pr"></i>赞&nbsp;<span>3</span></a>
									</div>
								</li>
							</ul>
						</div>
						<!-- <div class="photo-textarea">
							<textarea name="" id="" cols="" rows="" placeholder="发表评论"></textarea>
							<div class="photo-area-btn">
								<input type="button" value="发表"/>
							</div>
						</div> -->
					</div>
				</div>
			</div>
			
			<div class="home-bottom-list">
				<ul class="clearfix">
					<li><i class="bottom-list-1"></i><a href="club-list.html">社团</a></li>
					<li><i class="bottom-list-2"></i><a href="activity-list.html">活动</a></li>
					<li><i class="bottom-list-3"></i><a href="life-list.html">指南</a></li>
					<li><i class="bottom-list-4"></i><a href="user-center.html">我的</a></li>
				</ul>
			</div>
			<a href="" class="back-top-agree" id="back-top-agree">Top</a>
		</div>
		<!-- content-end -->
	</div>
	<!-- warper-end -->
<script src="public/js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="public/js/global.js" type="text/javascript"></script>
</body>
</html>